<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta charset="utf-8" />
		<title>城域网客户感知系统</title>
		<meta name="keywords" content="" />
		<meta name="description" content="" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<!-- basic styles -->
		<link href="/css/bootstrap.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="/css/font-awesome.min.css" />
        <link rel="stylesheet" href="/css/custom.css" />
		<link rel="stylesheet" href="/css/ace.min.css" />
		<link rel="stylesheet" href="/css/ace-rtl.min.css" />
		<script src="/js/index/ace-extra.min.js"></script>
	</head>
	<body>
	<div id="mainDiv">
		<div class="navbar navbar-default" id="navbar" style="background-color: red;">
			<div class="navbar-container" id="navbar-container">
				<div class="navbar-header pull-left">
					<a href="#" class="navbar-brand"><img src="/images/dpi/$logoImg" border="0" ></a><!-- /.brand -->
				</div><!-- /.navbar-header -->

				<div class="navbar-header pull-right" role="navigation" >
					<ul class="nav ace-nav" >
						<li class="light-blue">
							<a data-toggle="dropdown" href="#" class="dropdown-toggle" style="background-color: red;">
								<img class="nav-user-photo" src="/images/dpi/avatars/user.jpg" alt="$user.name" />
								<span class="user-info" style="background-color: red;border-color:red;">
									<small>欢迎光临,$user.name</small>
									<span id="logoutSpan">退出</span>
								</span>
							</a>
						</li>
					</ul><!-- /.ace-nav -->
				</div><!-- /.navbar-header -->
			</div><!-- /.container -->
		</div>
		
		<div class="main-container" id="main-container">
			<script type="text/javascript">
				try{ace.settings.check('main-container' , 'fixed')}catch(e){}
			</script>

			<div class="main-container-inner">
				<a class="menu-toggler" id="menu-toggler" href="#">
					<span class="menu-text"></span>
				</a>

				<div class="sidebar" id="sidebar">
					<script type="text/javascript">
						try{ace.settings.check('sidebar' , 'fixed')}catch(e){}
					</script>

					<div class="sidebar-shortcuts" id="sidebar-shortcuts">
						<div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">
							<button class="btn btn-success">
								<i class="icon-signal"></i>
							</button>

							<button class="btn btn-info">
								<i class="icon-pencil"></i>
							</button>

							<button class="btn btn-warning">
								<i class="icon-group"></i>
							</button>

							<button class="btn btn-danger">
								<i class="icon-cogs"></i>
							</button>
						</div>

						<div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
							<span class="btn btn-success"></span>

							<span class="btn btn-info"></span>

							<span class="btn btn-warning"></span>

							<span class="btn btn-danger"></span>
						</div>
					</div><!-- #sidebar-shortcuts -->
					<div style="overflow-x:hidden;height:550px;background-color: #F8F9FB;">
					<ul class="nav nav-list">
						<!-- <li class="active" id="indexLi">
							<a href="#" onclick="initIndex()" id="indexHref">
								<i class="fa fa-home fa-micro"></i>
								<span class="menu-text" id="navText"> 首页 </span>
							</a>
						</li> -->
						<li>
							<a href="###" class="dropdown-toggle">
								<i class="fa glyphicon-star-empty  fa-micro "></i>
								<span class="menu-text"> 首页</span>
								<b class="arrow fa fa-angle-down"></b>
							</a>
							<ul class="submenu">
								<li parentMenuName="${menu.name}" hrefUrl="<%=rootPath%>$childMenu.href" childMenuName="$childMenu.name"><a href="#"  ><i class="icon-double-angle-right"></i> EDPI</a></li> -->
								<li hrefUrl=""><a href="#"><i class="icon-double-angle-right"></i> TCP质量检测</a></li>
							</ul>
						</li>
						
<!-- 						<c:forEach items="${menuList}" var="menu"> -->
<!-- 						<li> -->
<!-- 						<a href="###" class="dropdown-toggle"> -->
<!-- 								<i class="fa ${menu.icon}  fa-micro "></i> -->
<!-- 								<span class="menu-text"> $menu.name</span> -->
<!-- 								<b class="arrow fa fa-angle-down"></b> -->
<!-- 							</a> -->
<!-- 							<ul class="submenu"> -->
<!-- 						<c:forEach items="${menu.childList}" var="childMenu"> -->
<!-- 						<c:choose>  -->
<!-- 						<c:when test="$childMenu.href!=''"> -->
<!-- 							<li parentMenuName="${menu.name}" hrefUrl="<%=rootPath%>$childMenu.href" childMenuName="$childMenu.name"><a href="#"  ><i class="icon-double-angle-right"></i> $childMenu.name</a></li> -->
<!-- 						</c:when> -->
<!-- 						<c:otherwise> -->
<!-- 							<li hrefUrl=""><a href="#"><i class="icon-double-angle-right"></i> $childMenu.name</a></li> -->
<!-- 						</c:otherwise> -->
<!-- 						</c:choose> -->
<!-- 						</c:forEach>	 -->
<!-- 							</ul> -->
<!-- 						</li>	 -->
						</c:forEach>
					</ul><!-- /.nav-list -->
					</div>
					<div class="sidebar-collapse" id="sidebar-collapse">
						<i class="icon-double-angle-left" data-icon1="icon-double-angle-left" data-icon2="icon-double-angle-right"></i>
					</div>

					<script type="text/javascript">
						try{ace.settings.check('sidebar' , 'collapsed')}catch(e){}
					</script>
				</div>

				<div class="main-content">
				<div id="rightDiv"  style="border:0px solid blue; display:inline-table; width:99.79%;overflow-y:hidden;">
					<iframe id="mainFrame" name="mainFrame" src="" frameborder="0" width="98%"  scrolling="no"></iframe>
				</div>	
				</div><!-- /.main-content -->

				<div class="ace-settings-container" id="ace-settings-container">
					<div class="btn btn-app btn-xs btn-warning ace-settings-btn" id="ace-settings-btn">
						<i class="icon-cog bigger-150"></i>
					</div>

					<div class="ace-settings-box" id="ace-settings-box">
						<div>
							<div class="pull-left">
								<select id="skin-colorpicker" class="hide">
									<option data-skin="default" value="#438EB9">#438EB9</option>
									<option data-skin="skin-1" value="#222A2D">#222A2D</option>
									<option data-skin="skin-2" value="#C6487E">#C6487E</option>
									<option data-skin="skin-3" value="#D0D0D0">#D0D0D0</option>
								</select>
							</div>
							<span>&nbsp; 选择皮肤</span>
						</div>

						<div>
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-navbar" />
							<label class="lbl" for="ace-settings-navbar"> 固定导航条</label>
						</div>

						<div>
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-sidebar" />
							<label class="lbl" for="ace-settings-sidebar"> 固定滑动条</label>
						</div>

						<div>
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-breadcrumbs" />
							<label class="lbl" for="ace-settings-breadcrumbs">固定面包屑</label>
						</div>

						<div>
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-rtl" />
							<label class="lbl" for="ace-settings-rtl">切换到左边</label>
						</div>

						<div>
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-add-container" />
							<label class="lbl" for="ace-settings-add-container">
								切换窄屏
								<b></b>
							</label>
						</div>
					</div>
				</div><!-- /#ace-settings-container -->
			</div><!-- /.main-container-inner -->

			<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
				<i class="icon-double-angle-up icon-only bigger-110"></i>
			</a>
		</div><!-- /.main-container -->
		<script src="/js/index/jquery-1.10.2.min.js"></script>
		<script src="/js/index/bootstrap.min.js"></script>
		<script src="/js/index/typeahead-bs2.min.js"></script>
		<script src="/js/index/ace.min.js"></script>
		
		<link rel="Stylesheet" href="/plugins/jerichotab/css/jquery.jerichotab.css" />
    	<script type="text/javascript" src="/plugins/jerichotab/jquery.jerichotab.js"></script>
		<script type="text/javascript">
		function logout(){
			window.opener=null; 
       		window.open('./logout', '_self', ''); 
       		window.close();
		}
		var tabTitleHeight = 33; // 页签的高度
		var htmlObj = $("html"), mainObj = $("#mainDiv");
		var headerObj = $("#navbar");
		var frameObj = $("#sidebar, #rightDiv, #rightDiv iframe");
		function wSize(){
			var minHeight = 500, minWidth = 980;
			var strs = getWindowSize().toString().split(",");
			var headHeight=$("#navbar").height();
		    htmlObj.css({"overflow-x":strs[1] < minWidth ? "auto" : "hidden", "overflow-y":strs[0] < minHeight ? "auto" : "hidden"});
			mainObj.css("width",strs[1] < minWidth ? minWidth - 10 : "auto");
			frameObj.height((strs[0] < minHeight ? minHeight : strs[0]) - headerObj.height() - (strs[1] < minWidth ? 42 : 28)-10);
			$(".jericho_tab iframe").height($("#rightDiv").height() - tabTitleHeight); 
		}
		$(function(){
			$("#logoutSpan").click(function(){
				logout();
			});
			$(".submenu li").click(function(){
				var parentMenuName=$(this).attr("parentMenuName");
				var childMenuName=$(this).attr("childMenuName");
				$(".active").removeClass("active");
				$(this).addClass("active");
				addTab($(this));
			});
			$.fn.initJerichoTab({
                renderTo: '#rightDiv', uniqueId: 'jerichotab',
                contentCss: { 'height': $('#rightDiv').height() -33 },
                tabs: [], loadOnce: true, tabWidth: 120, titleHeight: 33
            });
			$(".jericho_tab").hide();
			initIndex();
			
			/* var obj=new Object();
			obj.childMenuName="hh";
			obj.hrefUrl="/greenet-hydpi/businessAnalysis/eHRPD/index?a="+Math.random();
			addTab($(obj)); */
		});
	/* 	function forwordMenu(href,name){
			//$("#mainFrame").attr("src",href);
			 addTab(href,name);
		} */
		function addTab(jqueryObj){
			$(".jericho_tab").show();
			$("#mainFrame").hide();
			$(".jericho_tabs").each(function (index){
				var tempTitle=$(this).attr("name");
				if(tempTitle==jqueryObj.attr("childMenuName")){
					var id=$(this).attr("id");
					id=id.substr(11,id.length);
					//jqueryObj.attr("childAttr","childAttr");
					jqueryObj.attr("jerichotabindex",id);
				}
			});
				$.fn.jerichoTab.addTab({
	                tabFirer: jqueryObj,
	                title:  jqueryObj.attr("childMenuName"),
	                closeable: true,
	                data: {
	                    dataType: 'iframe',
	                    dataLink:jqueryObj.attr("hrefUrl")
	                },
	                onLoadCompleted:wSize
	            }).loadData(true);
			return true;
		}
	/* 	function frameresize(){
			var winheight = $(window).height();
			$('#mainFrame').css('height', 500);
			};  */
			function openCloseClickCallBack(b){
				$.fn.jerichoTab.resize();
			}
			function initIndex(){
				var obj=$(".submenu li").eq(0);
				obj.parent().parent().find(".submenu").toggle();
				obj.parent().parent().find(".submenu li").eq(0).addClass("active");
				addTab(obj);
				
			}
			
		</script>
    	<script type="text/javascript" src="<%=rootPath%>/static/js/sys/wsize.min.js"></script>
   </div> 	
</body>
</html>

